<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="theme-color" content="#ffffff">
    <base href="${rc.contextPath}/">
    <title>局域网流量统计分析系统</title>
    <link rel="stylesheet" href="static/css/mdui.min.css"/>
    <link rel="stylesheet" href="static/css/paginate.css"/>
    <link rel="stylesheet" href="static/css/app.css"/>
    <link rel="stylesheet" href="static/layui/css/layui.css"/>
</head>
<body class="mdui-drawer-body-left">

<div class="mdui-appbar-with-toolbar">
    <div class="mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar">
            <a href="javascript:menuSwitch();" class="mdui-btn mdui-btn-icon">
                <i class="mdui-icon material-icons">menu</i>
            </a>
            <a href="/" class="mdui-typo-headline">局域网流量统计分析系统</a>
            <div class="mdui-toolbar-spacer"></div>
        </div>
    </div>
    <div class="mdui-progress" name="requestProccer" style="display: none;margin-left: -1px">
        <div class="mdui-progress-indeterminate"></div>
    </div>
    <#--菜单-->
    <div class="mdui-drawer" id="mainMenu">
        <div class="mdui-progress" name="requestProccer" style="display: none">
            <div class="mdui-progress-indeterminate"></div>
        </div>
        <ul class="mdui-list" mdui-collapse="{accordion: true}">
            <li class="mdui-list-item mdui-ripple" onclick="load('flow/ctrl')">
                <i class="mdui-list-item-icon mdui-icon material-icons">&#xe63e;</i>
                <div class="mdui-list-item-content">流量抓包</div>
            </li>

            <li class="mdui-list-item mdui-ripple" onclick="load('flow/statistic')">
                <i class="mdui-list-item-icon mdui-icon material-icons">&#xe85c;</i>
                <div class="mdui-list-item-content">统计分析</div>
            </li>

            <#if userKey.userType =="超级管理员">
                <li class="mdui-list-item mdui-ripple" onclick="load('user/index')">
                    <i class="mdui-list-item-icon mdui-icon material-icons">&#xe8a3;</i>
                    <i class="mdui-icon material-icons"></i>
                    <div class="mdui-list-item-content">账户管理</div>
                </li>
            </#if>

            <li class="mdui-list-item mdui-ripple" onclick="logout()">
                <i class="mdui-list-item-icon mdui-icon material-icons">&#xe879;</i>
                <div class="mdui-list-item-content">退出系统</div>
            </li>
        </ul>
    </div>
    <#--内容主体-->
    <div class="mdui-container main-container">
        <div id="myContent">
            <h4>欢迎您,${userKey.userName}</h4>
        </div>
    </div>
</div>

<script src="static/js/mdui.min.js"></script>
<script src="static/js/menu.js"></script>
<script src="static/js/jquery-2.1.0.js"></script>
<script src="static/js/app.js"></script>
<script src="static/layui/layui.js"></script>
<script src="static/js/echarts.min.js"></script>

<script>
    function logout() {
        window.location.href = "logout";
    }
</script>
</body>
</html>